html, body{
	padding:0; 
	margin:0 auto; 	
	font:normal 12px Arial, Verdana, sans-serif;
	color:#566c72;
    background: #ccc;
}
img{border:0;}

.right{float:right;}
/*#################################################################*/
/*Дизайн*/
#mainDiv {
	width: 1000px;
	border: 1px solid #1f1f1f;
    padding: 10px 10px;
	margin: 0 auto;
    background:#f2f2f2;
}
/*header*/
#header {
	width:100%; 
	height:50px;
	margin:0 auto;
	position:relative; 
	z-index:2;
}

#content{
	width:100%;
    min-height:250px;
	position:relative;
	z-index:1; 
}
/*#################################################################*/
h1{
    font-size:1.1em;
    font-weight: normal;
    color:#000;
    text-decoration:none;
    margin:5px 5px 5px;
    border: 0;
}
/*----------------------------------------------------------------*/
#tasks{
    width: 100%;
    border-collapse: collapse;
}
#tasks thead tr td{
    color: #000;
    font-weight: bold;
    background: #999999;
}
#tasks tr td{
    padding: 4px;
    border:1px solid #000;
}
#tasks tbody tr:hover{
    background: #566c72;
    color: #f2f2f2;
}
.delButton{
    width: 15px;
    height: 15px;
    margin:0 auto;
    padding:0;
    background:url("/resources/img/del.gif") no-repeat;
}
#tasks thead tr td.del {
    width: 20px;
    background: background:url("/resources/img/delete.gif") no-repeat top center;
}
/*----------------------------------------------------------------*/

#message{
    width:990px;
    height:150px;
    overflow:scroll;
    border:1px solid #566c72;
    background: #cccccc;
    margin:10px 0;
    padding:5px;
}
input[type="text"]{
    padding:2px 3px;
}